<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>后台登录页面</title>

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<style type="text/css">
		.login{width:400px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top: -146px;}
		body{background:#669AFF;font-family: "微软雅黑"}
		.panel-default>.panel-heading{background: #2B3C67;color:#fff;}
		.panel{border: 0;}
		.red{color: #a94442;margin-bottom:6px;}
	</style>
	<body>
		<div class="panel panel-default login">
			<div class="panel-heading">
				<h3 class="text-center">后台管理</h3>
			</div>
			<div class="panel-body">
				<br>
				<div class="red" th:text="${error}"></div>
				<form th:action="@{/backlogin}" method="POST" data-toggle="validator" role="form" data-focus="false">
					
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
							<input type="text"  class="form-control"  name="name" placeholder="管理员名称" data-error="管理员名称不能为空" autocomplete="off" required>
						</div>
						<div class="help-block with-errors"></div>
					</div>
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
							<input  type="password" class="form-control"  name="pwd" placeholder="管理员密码" data-error="密码不能为空" autocomplete="off" required>
						</div>
						<div class="help-block with-errors"></div>
					</div>
					<br>
					<button type="submit" class="btn btn-lg btn-primary btn-block"><b>登&nbsp;&nbsp;录</b></button>
				</form>
			</div>
		</div>
		
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
   		    
	<script src="https://cdn.bootcss.com/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
	</body>
</html>